import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
class SignsPage extends StatefulWidget {
  const SignsPage({Key? key}) : super(key: key);

  @override
  State<SignsPage> createState() => _SignsPageState();
}

class _SignsPageState extends State<SignsPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xffFFFFFF),
      body: Stack(
        children: [
          Container(
              width: double.infinity,
              height: double.infinity,
              decoration: BoxDecoration(
                  image: DecorationImage(
                      image: AssetImage('images/personal_bg.png'),
                      fit: BoxFit.fill))),
            Container(
              width: 360.w,
              child: SingleChildScrollView(
              padding: EdgeInsets.only(
                top: MediaQuery.of(context).padding.top
              ),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Container(
                    alignment: Alignment.center,
                    height: 44.h,
                    child: Text('福利中心',style: TextStyle(
                    color: Color(0xff333333),
                    fontSize: 16.sp,
                    fontWeight: FontWeight.w500
                  ),),
                  ),
                  Image.asset('images/sign_btn_card.png',width: 328.w,),
                  Container(
                    width: 328.w,
                    margin: EdgeInsets.only(
                      top: 12.h
                    ),
                    decoration: BoxDecoration(
                      color: Color(0xffFFFFFF),
                      borderRadius: BorderRadius.circular(16.sp),
                      boxShadow: [
                        BoxShadow(
                            color: Color.fromRGBO(20, 20, 20, 0.1),
                            offset: Offset(0, 2.w),
                            blurRadius: 8.w,
                            spreadRadius: 0)
                      ]
                    ),
                    padding: EdgeInsets.all(16.w),
                    child: Column(children: [
                      Image.asset('images/sign_xinren_fuli.png',width:100.w ,),
                      Container(height: 13.h,),
                      Container(
                        child: Row(children: [
                          Expanded(child: Column(
                            children: [
                                  Row(children: [
                                    Container(
                                      width: 40.w,
                                      height: 16.h,
                                      decoration: BoxDecoration(
                                        color: Color(0xff5CF971),
                                        borderRadius: BorderRadius.circular(4.sp)
                                      ),
                                      child: Row(
                                        mainAxisAlignment: MainAxisAlignment.center,
                                        children: [
                                          Image.asset('images/heise_icon_personal.png',width: 10.w,height: 10.h,),
                                          Text('登录',style: TextStyle(
                                            color: Color(0xff333333),
                                            fontSize: 10.sp
                                          ),)
                                        ],
                                      ),
                                    ),
                                    Container(width: 4.w,),
                                    Text('首次登录领取福利',style: TextStyle(
                                      color: Color(0xff333333),
                                      fontWeight: FontWeight.bold,
                                      fontSize: 14.sp
                                    ),)
                                  ],),
                                  Container(
                                    width: 140.w,
                                    height: 16.h,
                                    decoration: BoxDecoration(
                                      color: Color(0xffFFF1E6)
                                    ),
                                  )
                            ],
                          )),
                          Container(
                            width: 72.w,
                            height: 28.h,
                            alignment: Alignment.center,
                            decoration: BoxDecoration(
                              image: DecorationImage(image: AssetImage('images/btn_juse_jianbian.png'))
                            ),
                            child: Text('去登录',style: TextStyle(
                              color: Color(0xffFFFFFF),
                              fontSize: 12.sp,
                              fontWeight: FontWeight.bold
                            ),),
                          )
                        ],),
                      )
                    ],crossAxisAlignment: CrossAxisAlignment.start,),
                  )
                ],
              ),
            ),
            )
        ],
      ),
    );
  }
}
